<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui">
    <!-- FOOTER  -->
    <div class="Container100">
        <div class="ContainerIndent">
            <div class="Card ShadowEffect">
                <div class="Container100" style="" id="footerlinks">
                    <a href="#" class="DispInlBlock FontSourceSansLight Blue Fs12 Fleft HoverEffect">TERMS OF CONDITIONS</a>
                    <span class="Fleft BoldGray Fs12" style="padding:0px 5px;">|</span>
                    <a href="#" class="DispInlBlock FontSourceSansLight Blue Fs12 Fleft HoverEffect">SITEMAP</a>
                    <span class="Fleft BoldGray Fs12" style="padding:0px 5px;">|</span>
                    <a href="#" class="DispInlBlock FontSourceSansLight Blue Fs12 Fleft HoverEffect">PRIVACY</a>
                    <span class="Fleft BoldGray Fs12" style="padding:0px 5px;">|</span>
                    <a href="#" class="DispInlBlock FontSourceSansLight Blue Fs12 Fleft HoverEffect">LINKING POLICY</a>

                    <div class="EmptyBox10 ShowOnMobile"/>
                    <span class="DispInlBlock FontSourceSansLight BoldGray Fs12 Fright HoverEffect TexAlRight FloatNoneOnMobile"> PrimeFaces Rio Theme And Layout</span>
                </div>

                <div class="EmptyBox10"/>

                <div class="Container50 Responsive100">
                    <img src="#{resource['rio-layout:images/logo-dark.svg']}" style="height:20px;" class="" />
                    <div class="EmptyBox10"/>
                    <span class="DispBlock Wid100 FontSourceSansLight BoldGray Fs12 HoverEffect">+1 888 123 4567 <br /> info@riorio.com</span>
                </div>
                <div class="Container50 Responsive100">
                    <div class="DispInlBlock Fright">
                        <a href="#layout-footer" class="Blue Fs30"><i class="fa fa-facebook-square"/></a>
                        <a href="#layout-footer" class="Blue Fs30"><i class="fa fa-twitter-square"/></a>
                        <a href="#layout-footer" class="Blue Fs30"><i class="fa fa-linkedin-square"/></a>
                        <a href="#layout-footer" class="Blue Fs30"><i class="fa fa-google-plus-square"/></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</ui:composition>